<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title>BP CloudAtlas</title>

    <!-- Bootstrap core CSS -->
    <link href="dist/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="styles/navbar-fixed-top.css" rel="stylesheet">
    <link href="styles/datepicker.css" rel="stylesheet">
    <link href="styles/style.css" rel="stylesheet">
    <link href="styles/isotope.css" rel="stylesheet" />
    

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src=".assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
    <script> $(function() {
    	$( "#datepicker" ).datepicker();
    });</script>
  </head>

  <body>

    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="images/logo-bearingpointcloudatlas.png" id="bearingPointLogo"></a>
        </div>
        <div class="navbar-collapse collapse">
            <form class="navbar-form navbar-right" method="POST" action="LogoutServlet">
            <button type="submit" class="btn btn-danger">Logout</button>
          </form>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="container">
    	<!-- FORM -->
    	
    	<!-- Form Name -->
    	<!==========================================INSERT DATA===========================================>
    	<h3>Search</h3>
    	<hr class="featurette-divider">
		<form role="Search" id="searchForm">
		  <div class="form-group">
		    <label for="Name">Search By Name</label>
		    <input type="name" class="form-control" id="companyNameInput" placeholder="Enter name">
		  </div>
		</form>
		  <div class="col-sm-3">
			  <h4>Filters</h4>
			  <hr class="featurette-divider">
					
					
				
				<div class="filterGroup">
				
					<h3>Company Type</h3>
					
					<div class="btn-group-vertical">
					  <button type="button" class="btn btn-default filter" data-filter="saas iaas paas" id="typeFilter">All</button>
					  <button type="button" class="btn btn-default filter" data-filter="saas" id="typeFilter">SaaS</button>
					  <button type="button" class="btn btn-default filter" data-filter="paas" id="typeFilter">PaaS</button>
					  <button type="button" class="btn btn-default filter" data-filter="iaas" id="typeFilter">IaaS</button>
					</div>
				
				</div>
				<div class="filterGroup">
				
					<h3>Visibility</h3>
					
					<div class="btn-group-vertical" id="typeFilter">
					  <button type="button" class="btn btn-default filter" data-filter="public private" id="typeFilter">All</button>
					  <button type="button" class="btn btn-default filter" data-filter="public" id="typeFilter">Public</button>
					  <button type="button" class="btn btn-default filter" data-filter="private" id="typeFilter">Private</button>
					</div>
				
				</div>
				
				
				
				
				
				
					
		  </div>
		  
		  
		      <div class="col-sm-9" id="Grid">
		      <!============================CHAQUE PRODUCT===================================>
			      <div class="row product mix saas public">
			     
			      	<div class="col-sm-10">
			      		<h1>Azure</h1>
			      		<a href="#"><h2>Microsoft</h2></a>
			      		<p>Instantly provision Windows and Linux VMs, apps, and infrastructure using Microsoft-managed datacenters in 13 regions around the world. Integrated DevOps support enables you to quickly iterate and grow your business. Deliver web and mobile apps for Windows, iOS, and Android faster by having Microsoft manage the infrastructure while you focus on development.
	</p>
			      	</div>
			      	<div class="col-sm-2">
						<img src="http://talkincloud.com/site-files/talkincloud.com/files/archive/talkincloud.com/wp-content/uploads/2010/12/windows-azure-300x272.jpg"/>
			      	</div>
			      	 <hr class="featurette-divider">
			      </div>
			     
			      
			  <!============================FIN DE CHAQUE PRODUCT===================================>
			      <div class="row product mix paas public">
			      	<div class="col-sm-10">	
			      		<h1>HyperCube</h1>
			      		<a href="#"><h2>Bearing Point</h2></a>
			      		<p>With HyperCube®, we can help you to use artificial intelligence to navigate an ocean of dynamic data and gain deeper understanding of your key risks and opportunities.This unique tool handles ‘big data’ in a new way. Its breakthrough data analysis technology dramatically improves the way you can make decisions in an environment where data grows exponentially.</p>
			      	</div>
			      	<div class="col-sm-2">
						<img src="http://www.washingtonmonthly.com/college_guide/college_guide/images/BearingPoint.jpg"/>
			      	</div>
			      	<hr class="featurette-divider">
			      </div>
			      
			      
			      
			      <div class="row product mix saas paas private">
			      	<div class="col-sm-10">	
			      		<h1>EC2</h1>
			      		<a href="#"><h2>Amazon</h2></a>
			      		<p>Amazon EC2’s simple web service interface allows you to obtain and configure capacity with minimal friction. It provides you with complete control of your computing resources and lets you run on Amazon’s proven computing environment. Amazon EC2 reduces the time required to obtain and boot new server instances to minutes, allowing you to quickly scale capacity, both up and down, as your computing requirements change.</p>
			      	</div>
				    <div class="col-sm-2">
						<img src="https://snaplogic-h.s3.amazonaws.com/uploads/snap/image/2/amazon-ec2.png"/>
				    </div>
				    <hr class="featurette-divider">
			      </div>
			      
			      
		      </div>
		  </div>

		
		
		
         </div> <!-- /container -->
    


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
  <script src="js/jquery.isotope.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
  <script>
	  $(function(){
	     
	    $('#Grid').mixitup();
	     
	});
	</script>
    
  </body>
</html>